<!DOCTYPE html>
<html>
{{> head}}
<body>
    <style>
        .accordion-button {
            color: white;
            font-size: 0.8rem;
            height: 1em;
        }
        .accordion-item:nth-child(1) .accordion-button {
            background-color: #007bff;
        }
        .accordion-item:nth-child(2) .accordion-button {
            background-color: #036848;
        }
        .accordion-item:nth-child(3) .accordion-button {
            background-color: #a6540d;
        }
        .accordion-item:nth-child(4) .accordion-button {
            background-color: #ad0554;
        }
    </style>
    {{> navbar}}
    <div class="container mt-5">
        <div class="accordion" id="dealAccordion">
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        视频处理
                    </button>
                </h2>
                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#dealAccordion">
                    <div class="accordion-body">
                        视频处理
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        数据分析
                    </button>
                </h2>
                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#dealAccordion">
                    <div class="accordion-body">
                        数据分析
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        刺激效果建模
                    </button>
                </h2>
                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#dealAccordion">
                    <div class="accordion-body">
                        刺激效果建模
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingFour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                        策略生成
                    </button>
                </h2>
                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#dealAccordion">
                    <div class="accordion-body">
                        策略生成
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{> footer}}
</body>
</html>